<!DOCTYPE html>
<html>

	<head>
		<title>入住登记-亲属新增</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap -->
		<link href="../../../common/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
		<link href="../../../common/css/bootstrap.css" rel="stylesheet" media="screen">
	</head>

	<body>
		<article>
			<div class="container-fluid">
				<div class="row-fluid">
					<div class="span12">
						<ul class="breadcrumb">
							<li>
								<a href="/view/checkin/list/relative-list.html">返回</a> <span class="divider">/</span>
							</li>
							<li>
								<a href="/index.html">主页</a> <span class="divider">/</span>
							</li>
							<li>
								<a href="/index.html">客户管理</a> <span class="divider">/</span>
							</li>
							<li>
								<a href="/view/checkin/list/checkin-list.html">入住登记</a> <span class="divider">/</span>
							</li>
							<li>
								<a href="/view/checkin/list/relative-list.html">客户亲属信息</a> <span class="divider">/</span>
							</li>
							<li class="active">新增</li>
						</ul>
					</div>
				</div>

				<div class="row-fluid">
					<div class="span12">
						<form @submit.prevent="checkin">
							<fieldset>
								<legend>亲属信息</legend>
								<div class="modal-body clearfix" style="height: auto;">
									<div class="col-md-12 pd0">
										<div class="col-md-1 pd0 mt10"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;亲属姓名：</span>
													<input v-model="params.name" type="text" class="form-control" placeholder="请输入【亲属姓名】信息">
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;性别：</span>
													<select v-model="params.male" class="form-control">
														<option value="1">男</option>
														<option value="0">女</option>
														<option>其他</option>
													</select>
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;身份证号：</span>
													<input v-model="params.idCard" type="text" class="form-control" placeholder="请输入【身份证号】信息">
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;工作号码：</span>
													<input v-model="params.workPhone" type="text" class="form-control" >
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;私人号码：</span>
													<input v-model="params.privatePhone" type="text" class="form-control" >
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;邮箱：</span>
													<input v-model="params.email" type="text" class="form-control">
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;微信：</span>
													<input v-model="params.wechat" type="text" class="form-control">
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;地址</span>
													<input v-model="params.address" type="text" class="form-control">
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
									<div class="col-md-12 pd0 mt10">
										<div class="col-md-1 pd0"></div>
										<div class="col-md-10 pd0">
											<div class="col-md-12 pd0">
												<div class="input-group inputWidth">
													<span class="input-group-addon titleWidth">&nbsp;&nbsp;亲属关系：</span>
													<input v-model="params.relation" type="text" class="form-control">
												</div>
											</div>
										</div>
										<div class="col-md-1 pd0"></div>
									</div>
								</div>
								<button type="submit" class="btn btn-default">提交</button>
								<button type="reset" class="btn btn-default">重置</button>

							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</article>
		<script src="http://code.jquery.com/jquery.js"></script>
		<script src="../../../common/js/bootstrap.js "></script>
		<script src="../../../common/axios.min.js "></script>
		<script src="../../../common/jun/yi.toast.js "></script>
		<script src="../../../common/vue.js "></script>
		<script src="relative-add.js"></script>
	</body>

</html>